@import './../../util/styles/index.scss';
.think_tank {
  width: 100%;
  .header {
    background: url('./../../images/zhuanyezhiku.png') 100% 100% no-repeat;
    background-size: contain;
    width: $width;
    height: 26px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .content {
    width: $width;
    margin: auto;
    padding: 15px 0px 5px 0px;
    background: white;
     ul {
      //  width: calc(100% - 54px);
       padding: 0px 2px 10px 26px;
       margin: 0;
       display: flex;
       justify-content: flex-start;
       flex-wrap: wrap;
       list-style: none;
       li {
         width: calc((100% - 168px) / 3);
         margin: 0;
         height: 150px;
         padding: 14px 25px 15px 30px;
         border-bottom: 0px;
         border-right: 0px;
         display: flex;
         flex-direction: column;
         position: relative;
         border-left: 1px solid #BDB4AC;
         border-top: 1px solid #BDB4AC; 
          .type_bg {
            position: absolute;
            background: url('./../../images/yidaiyil.png') no-repeat;
            background-size: 100% 100%;
            width: 25px;
            padding: 10px 3px;
            text-align: center;
            left: -13px;
            top: -10px;
            font-size: 14px;
            color: white;
          }
          span {
            cursor: pointer;
            text-align: right;
            font-size:12px;
            font-family:MicrosoftYaHei;
            font-weight:400;
            color:rgba(156,16,15,1);
            // margin-bottom: 13px;
          }
          .info {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 100%;
            img {
              width: 157px;
              height: 118px;
              object-fit: cover;
            }
            .info_content {
              width: calc(100% - 175px);
                .news_list {
                  margin: 0;
                  padding: 0;
                  display: flex;
                  flex-direction: column;
                  background: transparent;
                  // justify-content: space-between;
                  height: calc(100% - 92px);
                  .list_li_active {
                    height: 63px;
                    max-height: 63px;
                    background: #F9F9F9;
                    padding: 5px;
                    &:hover{
                      text-decoration: underline;
                    }
                     h3 {
                      cursor: pointer;
                      font-size:16px;
                      font-family:MicrosoftYaHei;
                      font-weight:400;
                      color:rgba(1,1,1,1);
                      margin: 0;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
                      margin-bottom: 5px;
                     }
                     span {
                      display: block;
                      position: relative;
                      cursor: auto;
                      font-size:12px;
                      font-family:MicrosoftYaHei;
                      font-weight:400;
                      width: 100%;
                      color:rgba(71,71,71,1);
                      overflow: hidden;
                      text-overflow: ellipsis;
                      // display: -webkit-box;
                      // -webkit-box-orient: vertical;
                      // -webkit-line-clamp: 2;
                      line-height: 20px;
                      max-height: 40px;
                      height: 40px;
                      text-align: left;
                      &:after {
                        content:"...";
                        position:absolute;
                        bottom:0;
                        right:0;
                        // padding-left: 8px;
                        width: 10px;
                        background: #F9F9F9;
                      }
                     }
                  }
                  .list_li {
                    cursor: pointer;
                    width: 100%;
                    background: transparent;
                    display: flex;
                    align-items: center;
                    height: 20px;
                    :hover{
                      text-decoration: underline;
                    }
                      span {
                        margin: 0;
                        width: 5px;
                        height: 5px;
                        border-radius: 2.5px;
                        background: black;
                        margin-right: 14px; 
                      }
                      p {
                        width: 100%;
                        letter-spacing: 1px;
                        font-size:12px;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(0,0,0,1);
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                      }
                  }
                  .list_li:last-child{
                    padding-bottom: 0;
                  }
                }
            }
          }
        }
     }
  }
  .images {
    width: $width;
    margin: auto;
    padding: 15px 0px;
    .three_images {
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin-bottom: 15px;
      img {
        width: calc((100% - 22px) / 3);
        height: $adverHeight;
        object-fit: cover;
      }
    }
    .two_images {
      width: 100%;
      display: flex;
      justify-content: space-between;
      img {
        width: calc((100% - 11px) / 2);
        height: $adverHeight;
        object-fit: cover;
      }
    }
  }
  .survey {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: $width;
    height: $adverHeight;
    margin: auto;
    background: $nav;
    font-size: 20px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    letter-spacing: 2px;
    // margin-bottom: 15px;
    // cursor: pointer;
    img {
      width: 33px;
      height: 33px;
      margin-right: 10px;
    }
  }
  .tt_league {
    display: flex;
    justify-content: space-between;
    padding: 18px 0px;
    // height: 350px;
    position: relative;
    // background: #D7CFC8;
    // background: url('./../../images/zhikulianmengbg.png');
    // background-size: contain;
      .auto_div {
        display: flex;
        justify-content: space-between;
        width: $width;
        margin: auto;
      }
    .tt_league_item {
      padding: 20px 37px 22px 48px;
      width: 550px;
      height: 232px;
      background:rgba(255,255,255,0.89);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
       .title_div {
         width: 100%;
         font-weight: 500;
         font-size: 20px;
         font-family:STZhongsong;
         font-weight:400;
         color:rgba(156,16,15,1);
         letter-spacing: 2px;
         position: relative;
          span {
            position: absolute;
            right: 0;
            bottom: 0;
            float: right;
            font-size:12px;
            font-family:MicrosoftYaHei;
            font-weight:400;
            color:rgba(156,16,15,1);
            cursor: pointer;
          }
       }
       .tt_content {
          display: flex;
          width: 100%;
          img {
            width: 212px;
            height: 131px;
            margin-right: 16px;
            object-fit: cover;
          }
          .tt_info {
            width: calc(100% - 228px);
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            h1 {
              cursor: pointer;
              font-size:14px;
              font-family:MicrosoftYaHei;
              font-weight:400;
              color:rgba(45,35,27,1);
              letter-spacing: 1px;
              margin-bottom: 15px;
            }
            span {
              font-size:12px;
              font-family:MicrosoftYaHei;
              font-weight:400;
              color:rgba(71,71,71,1);
              letter-spacing: 1px;
              overflow : hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 4;
              -webkit-box-orient: vertical;
            }
          }
       }
       .tt_tabs {
         padding: 6px 0px;
         display: flex;
         width: 100%;
        //  border:1px solid rgba(173, 164, 157, 1);
        //  height: 43px;
         background: url('./../../images/icon_sociology1@2x.png') no-repeat;
         background-size: 100% 100%;
         .tabs_img_div {
           cursor: pointer;
           width: calc(100% / 2);
           height: 100%;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size:14px;
           font-family:MicrosoftYaHei;
           font-weight:400;
           color:rgba(45,35,27,1);
           img {
             width: 32px;
             height: 32px;
             margin-right: 9px;
           }
         }
       }
    }
  }
}